@charset "utf-8";
/*样式重置*/
html,body,p,dl,dt,dd,input,img,form,div,span,ul,ol,li,h1,h2,h3,h4,h5,h6,select,fieldset,fieldset,button,sub,sup,textarea{margin:0;padding:0; font-family:"Microsoft YaHei";}
body,table,td,th{font:12px/1.5 \5FAE\8F6F\96C5\9ED1,Arial,\5b8b\4f53,Tahoma,sans-serif;}
body{background:#E4E3DE;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;color: #666;}
h6{font-size: 13px;}
h4{font-size: 14px;}
iframe,img{border:0 none;vertical-align:middle;}
em,i{font-style:normal;}
ul,li,ol{list-style:none outside none;}
select{font-size: 12px;color: #333;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.clearfix{*zoom:1;}
.clearfix{clear: both;}
.bold{font-weight: bold;}
/*.body{min-width: 1280px;overflow-x: hidden;}*/
.list-col-2{width: 49%;}
.hidden{display: none}
.fl{float:left!important;}
.fr{float:right!important;}
.DN{ display: none;}
.block{ display: block;}
.inline_block{display: inline-block;}
.orange{color:#FF5722 !important;}

/*伪类*/
*, *:active, *:focus {outline: 0;outline-style: none;outline-width: 0;-moz-outline-width: 0;-WEBkit-tap-highlight-color: rgba(0,0,0,0);}
a{ color: #333;}
a:link {text-decoration: none ;}
a:visited {text-decoration: none}
a:hover { text-decoration: none; color: #7EC3D5;}
a:focus{outline:none;}
a:active,a:hover{outline:0}
.text-left{text-align:left!important;}
/*a img:hover{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}*/

/*滚动条样式设置*/
div::-webkit-scrollbar {width:5px;height:5px;}
div::-webkit-scrollbar-track{background:#E4E3DE;}
div::-webkit-scrollbar-thumb{background: #ccc;border-radius:2px;}

/*btn*/
.btn{ display: inline-block;  font-size:12px;height: 25px; line-height: 25px; margin:0 10px; padding: 0 9px;text-align: center; cursor: pointer; min-width: 60px;/*-WEBkit-font-smoothing: antialiased; */border-radius: 3px;}
.btn-blue{background-color: #338fc1; color: #fff!important;}
.btn-blue:hover{ background-color: #539bd6; color: #fff;}
.btn-red{background-color: #CE3D71;color: #fff!important;}
.btn-red:hover{ background-color: #D0507F;color: #fff;}
.mt-0{margin-top: 0!important;}
.mb-0{margin-bottom: 0!important;}
.ml-10{margin-left:10px!important;}
.ml-20{margin-left:20px!important;}

/*table*/
/*************************/
.tb_carInfo{
	line-height: 21px;
	float: left;
	text-align: left;
	width: 100%;
}
.tb_carInfo th:first-child{
	width: 150px;
	height: 21px;
}
.tb_carInfo th,.tb_carInfo td{
	padding: 2px 5px;
	font-size: 12px;
	-webkit-transform:scale(0.9);
}
.tb_carInfo tr:nth-child(odd){
	background: #f0f3f8;
}

/**********************/
.tbst{
	border-right: 1px solid #d9e5f3;
	border-bottom: 1px solid #d9e5f3;
	width: 100%;
	margin-bottom: 20px;
	margin-top: 10px;
}
.tbst td,table.tbst th{
	border-left: 1px solid #d9e5f3;
	border-top: 1px solid #d9e5f3;
	padding: 5px 0;
}
.tbst tbody td,table.tbst tbody th{
	text-align: center;
	line-height: 30px;
}
table.tbst tbody tr th{
	width: 240px;
	text-align: left;
	max-width: 370px;
	padding-left: 20px;
	padding-right: 20px;
}
.tbst thead th{
	padding-left: 10px;
	background: #F0F3F8;
	line-height: 35px;
}
.tbst .layui-btn{
	height: 30px!important;
	line-height: 30px;
}
.tbst h4{
	text-align: left;
}

.layui-layer-content form.layui-form{padding:25px;}

.wrapper-admin table.tbst thead th{
	padding-left: 0;
	text-align: center;
}

/*********** material ****************/
.tbme{
	width: 100%;
	margin-top: 10px;
}
.tbme th,.tbme td{
	padding: 3px 5px;
	text-align: center;
	font-size: 12px;
	-webkit-transform:scale(0.8);
}
.tbme td:nth-child(1){
	text-align: left;
}
.tbme tr{
	line-height: 30px;
	text-align: center;
}
.tbme tr:hover{
	background: #EDF3F4;
}
.tbme tr th{
	text-align: center;
}
.tbme thead th{
	text-align: center;
}
.tbme tbody th,.tbme tbody td{
	border-right: 1px solid #F0F3F8;
}
.tbme tbody th:last-child,.tbme tbody td:last-child{
	border: none;
}
.tbme tbody tr th{
	padding: 0 5px;
}
.tbme tbody tr:nth-child(odd){
	background: #F9F9F9;
}
.tbme tbody tr:nth-child(odd) th{
	background: #F3F3F3;
}
.tbme tbody tr:nth-child(even) th{
	background: #FCFCFC;
}

.tbcs {
    border-left: solid 1px #d9e5f3;
    border-top: solid 1px #d9e5f3;
    background-color: #fff;
    margin-top: -1px; 
    width: 100%;
	table-layout: fixed;
}
.tbcs.tbve{
	width: 100%;
}
.tbcs tr:hover{
	background: #F9F5F1;
}
.tbcs tr.current{
	background: #F9F5F1;
}
.tbcs td, .tbcs th {
    border-bottom: solid 1px #d9e5f3;
    border-right: solid 1px #d9e5f3;
    text-align: center;
}
.tbcs th{
    vertical-align: middle;
    font-weight: 100;
    text-align: right;
    height: 28px;
    padding-right: 10px;
}
.tbcs th h4 {
    font-size: 12px;
    padding-left: 15px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    margin: 0;
    text-align: left;
}
.tbcs span a{
	color: #D60000;
	font-weight: 700;
}

/*icon*/
.icon{ background-image: url(../images/index_icon.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0; vertical-align: middle; height: 50px; width: 50px; }
.icon-user{ background-position: 0 0;}
.icon-company{ background-position: 0 -50px;}
.icon-time{ background-position: 0 -100px;}
.icon-data{ background-position: 0 -150px;}
.icon-timeS{ background-position: 0 -200px;}
.icon-oa{ background-position: 0 -250px;}
.icon-monitor{ background-position: 0 -300px;}
.icon-question{ background-position: 0 -350px;}
.icon-optimize{ background-position: 0 -400px;}
.icon-collect{ background-position: 0 -450px;}
.icon-change{ background-position: 0 -500px;}
.icon-dataQ{ background-position: 0 -550px;}
.icon-efficiency{ background-position: 0 -600px;}
.icon-risk{ background-position: 0 -650px;}
.icon-support{ background-position: 0 -700px;}
.icon-online{ background-position: 0 -750px;}
.icon-online{ background-position: 0 -750px;}
.icon-contact{ background-position: 0 -800px;}
.icon-expand{ background-position: 0 -850px;}
.icon-simple{ background-position: -50px 0px; width: 100px; height: 100px;}
.icon-flexible{ background-position: -50px -100px; width: 100px; height: 100px;}
.icon-efficient{ background-position: -50px -200px; width: 100px; height: 100px;}
.icon-open{ background-position: -50px -300px; width: 100px; height: 100px;}
.icon-deliver{ background-position: -50px -400px; width: 100px; height: 100px;}
.icon-data-02{ background-position: -50px -500px; width: 100px; height: 100px;}
.icon-search{ background-position: -50px -600px; width: 100px; height: 100px;}
.icon-visualization{ background-position: -50px -700px; width: 100px; height: 100px;}
.icon-alarm{ background-position: -50px -800px; width: 100px; height: 100px;}
.icon-report{ background-position: -50px -900px; width: 100px; height: 100px;}


.icon-solution-01{ background-position: -150px 0px; width: 100px; height: 100px;}
.icon-solution-02{ background-position: -150px -100px; width: 100px; height: 100px;}
.icon-solution-03{ background-position: -150px -200px; width: 100px; height: 100px;}
.icon-solution-04{ background-position: -150px -300px; width: 100px; height: 100px;}
.icon-solution-05{ background-position: -150px -400px; width: 100px; height: 100px;}
.icon-solution-06{ background-position: -150px -500px; width: 100px; height: 100px;}
.icon-solution-07{ background-position: -150px -600px; width: 100px; height: 100px;}
.icon-solution-08{ background-position: -150px -700px; width: 100px; height: 100px;}
.icon-solution-09{ background-position: -250px 0px; width: 100px; height: 100px;}
.icon-solution-10{ background-position: -250px -100px; width: 100px; height: 100px;}
.icon-solution-11{ background-position: -250px -200px; width: 100px; height: 100px;}
.icon-solution-12{ background-position: -250px -300px; width: 100px; height: 100px;}
.icon-solution-13{ background-position: -250px -400px; width: 100px; height: 100px;}
.icon-solution-14{ background-position: -250px -500px; width: 100px; height: 100px;}
.icon-solution-15{ background-position: -250px -600px; width: 100px; height: 100px;}
.icon-solution-16{ background-position: -250px -700px; width: 100px; height: 100px;}
.icon-solution-17{ background-position: -250px -800px; width: 100px; height: 100px;}

.loading-quick{display: inline-block; margin: 0 10px; height: 20px; width: 20px; background: url(../images/loading/loading-quick.gif) no-repeat center center; background-size: 20px 20px;vertical-align: middle; }
.loading-30{width: 30px; height: 30px; background-size: 30px 30px; }
.loading-40{width: 40px; height: 40px; background-size: 40px 40px; }

i.icon{
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}
.icon-pic{background: url(../images/icon/icon_picture.png) no-repeat;}
.icon-piechart{background: url(../images/icon/icon_piechart.png) no-repeat;}
.icon-bom{background: url(../images/icon/icon_bom.png) no-repeat;}
.icon-home{background: url(../images/icon/icon_home.png) no-repeat;}
.icon-layer{background: url(../images/icon/icon_navigation.png) no-repeat;}
.icon-circal{background: url(../images/icon/cir.png) no-repeat;}
.icon-search{background: url(../images/icon/search.png) center center no-repeat; margin-right: 0;}
.icon-compart{
	background: url(../images/icon/icon_compare.png) center center no-repeat;
}
.icon-favorite{
	background: url(../images/icon/icon_favorite.png) center center no-repeat;
}
.icon-report{
	background: url(../images/icon/icon_report.png) center center no-repeat;
}
.icon-document{
	background: url(../images/icon/icon_document.png) center center no-repeat;
}

.icon-scanning{
	background: url(../images/icon/icon_share.png) center center no-repeat;
}
.icon-pointCloud{
	background: url(../images/icon/icon_3d.png) center center no-repeat;
}
.icon-status{
	background: url(../images/icon/icon_status.png) center center no-repeat;
}
.icon-notice{
	background: url(../images/icon/icon_notice.png) center center no-repeat;
	vertical-align: top!important;
	margin-top: 1px;
}
.icon-noticeText{
	background: url(../images/icon/icon_noticeText.png) center center no-repeat;
}
.icon-add{
	background: url(../images/icon/icon_add.png) center 0 no-repeat;
}
.fontf{
	display: inline-block;
	/*font-family: "\5B8B\4F53";*/
}

/*table PQ*/
.table{
	border-right: 1px solid #d9e5f3;
	border-bottom: 1px solid #d9e5f3;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}
.table td,.table th{
	border-left: 1px solid #d9e5f3;
	border-top: 1px solid #d9e5f3;
	padding: 5px 0;
}
.table thead tr{
	background: #F0F3F8;
}
.table thead th{
	font-weight: 600;
	font-size: 14px;
}
.table.table-p{
	/*max-width: 700px;*/
	margin: 20px auto;
}
.table.table-p tbody tr td:first-of-type{
	text-align: left;
	padding-left: 15px;
}


.pq_table.fixed{
	background: #f0f3f8;
}
.pq_table{
	border-right: 1px solid #d9e5f3;
	border-bottom: 1px solid #d9e5f3;
	width: 100%;
	margin-bottom: 20px;
	margin-top: -1px;
}
.pq_table td,.pq_table th{
	border-left: 1px solid #d9e5f3;
	border-top: 1px solid #d9e5f3;
	padding: 5px 0;
	width: 3.2%;
	text-align: center;
}
.pq_table tr:first-of-type th:first-of-type{
	width: 20%;
}
.pq_table tbody tr:nth-of-type(1),.pq_table tbody tr:nth-of-type(2){
	background: #F0F3F8;
}
.pq_table thead td{
	vertical-align: top;
}
.pq_table thead th{
	font-weight: 600;
	font-size: 14px;
}
/*.pq_table .pq_outside td,.pq_table .pq_outside th{
	width: 3.8%;
}*/
.output_con .img{
	width: 90%;
	margin: 20px auto;
}
.pq_output{
	border-right: 1px solid #d9e5f3;
	border-bottom: 1px solid #d9e5f3;
	width: 100%;
	margin-bottom: 20px;
	margin-top: -1px;
}
.pq_output td,.pq_output th{
	border-left: 1px solid #d9e5f3;
	border-top: 1px solid #d9e5f3;
	padding: 5px 0;
	text-align: center;
}

.score{
	position: absolute;
	right: 6.5%;
}
.weight{
	position: absolute;
	right: 5px;
}